.my-container{
    min-height: 100vh;
    background-color: #eceef9;
    position: relative;
    // 用户信息
    .username-info {
        height: 268rpx;
        background: linear-gradient(#8279ea,#a59ff5);
        // background-color: #8279ea;
        padding-top: 38rpx;
        box-sizing: border-box;
        display: flex;
        .info-head {
            height: 154rpx;
            width: 154rpx;
            background-color: #fff;
            border-radius: 50%;
            margin: 0 36rpx;
            box-shadow: inset 0rpx 0rpx 6rpx 2rpx #b1abf0;
            z-index: 10;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            image{
                border-radius: 50%;
                height: 145rpx;
                width: 145rpx;
            }
            .info-head-img{
                border-radius: 50%;
                height: 154rpx;
                width: 154rpx;
                position: absolute;
                top: 0;
                left: 0;
            }
            // .userinfo-avatar{
            //     border-radius: 50%;
            //     height: 145rpx;
            //     width: 145rpx;
            //     position: absolute;
            //     top: 0;
            //     left: 0;
            // }
            button{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
            }
        }

        .info-content {
            color: #ffffff;
            flex: 1;
            letter-spacing:1px;
            font-weight:lighter;
        .info-content-name {
            margin-top: 30rpx;
            .name-text {
            font-size: 32rpx;
            margin-right: 20rpx;
            }

            .info-sex {
                width: 32rpx;
                height: 32rpx;
                display: inline-block;
                font-size: 34rpx;
                .info-man-icon{
                    color: #21edff;
                }
                .info-woman-icon{
                    color: pink;
                }
            }
        }

        .info-content-id {
            margin-top: 20rpx;
            font-size: 24rpx;
        }
        }
        .info-content-notlogin{
            position: relative;
            .login{
                margin-top: 56rpx;
                font-size: 32rpx;
                height: 30rpx;
                color: #fff;
            }
            button{
                position: absolute;
                top:62rpx;
                left: 0;
                width: 130rpx;
                opacity: 0;
                height: 30rpx;
            }
        }
    }

    // 活动
    .my-activity-box{
        padding: 0 15rpx;
        position: absolute;
        top: 231rpx;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        .my-activity {
            overflow: hidden;
            height: 164rpx;
            background-color: #fff;
            border-radius: 10rpx;
            .my-activity-num {
                margin-top: 30rpx;
                font-size: 40rpx;
                color: #535353;
                text-align: center;
            }
        
            .my-activity-title {
                margin-top: 20rpx;
                font-size: 28rpx;
                color: #858585;
                text-align: center;
            }
        }
    }
    //我的bmi
    view.info-nav-bmi-container{
        margin-top: 16rpx;
        padding: 0 15rpx;
        box-sizing: border-box;
        view.info-nav-bmi-content {
            background-color: #fff;
            border-radius: 10rpx;
            padding: 32rpx 40rpx 40rpx;
            position: relative;
            view.info-nav-bmi-head {
                display: flex;
                justify-content: space-between;
              view.info-nav-bmi-title {
                font-size: 28rpx;
                line-height: 28rpx;
                color: #141414;
                font-weight: bold;
              }
          
              view.info-nav-bmi-btn {
                font-size: 20rpx;
                padding: 6rpx 18rpx;
                border-radius: 32rpx;
                background-color: #f1f2f6;
                color: #565657;
              }
            }
          
            view.info-nav-bmi-date {
                margin-top: 10rpx;
                font-size: 20rpx;
                line-height: 20rpx;
                color: #898989;
            }
          
            view.info-nav-bmi-img {
              view.info-nav-bmi-img-val {
                  padding: 0 138rpx;
                  display: flex;
                  justify-content: space-between;
                  font-size: 24rpx;
                  line-height: 24rpx;
                  margin-top: 24rpx;
                view.info-nav-bmi-img-val-item {
                    
                }
              }
          
              image {
                  width: 100%;
                // width: 645rpx;
                height: 69rpx;
              }
          
              view.info-nav-bmi-img-text {
                display: flex;
                font-size: 24rpx;
                line-height: 24rpx;
                color: #1a1a1a;
                view.info-nav-bmi-img-text-item {
                    flex: 1;
                    text-align: center;
                }
                .color1{
                    color: #7f79eb;
                }
                .color2{
                    color: #7aadea;
                }
                .color3{
                    color: #f9d05f;
                }
                .color4{
                    color: #ed744f;
                }
              }
            }
          
            view.info-nav-bmi-type-text {
                margin-top: 34rpx;
                font-size: 20rpx;
                color: #a1a1a1;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                letter-spacing: 3rpx;
                &::before{
                    content: "";
                    width: 14rpx;
                    height: 14rpx;
                    border: 1rpx solid #898989;
                    display: inline-block;
                    border-radius: 50%;
                    margin-right: 4rpx;
                }
            }
          
            view.info-nav-bmi-type-btn {
                position: absolute;
                left: 0;
                width: 100%;
                bottom: 24rpx;
                font-size: 26rpx;
                color: #7f79eb;
                line-height: 40rpx;
                text-align: center;
                background-color: rgba(255, 255, 255, .7);
                
            }
        }
    }

    // 信息页面导航
    .info-nav-box{
        padding: 0 15rpx;
        box-sizing: border-box;
        // margin-top: 127rpx;
        overflow: hidden;
        .info-nav {
            margin-top: 16rpx;
            display: flex;
            align-items: center;
            background-color: #fff;
            height: 112rpx;
            border-radius: 10rpx;
            .info-nav-img {
                width: 40rpx;
                height: 50rpx;
                margin: 0 40rpx;
                display: flex;
                justify-content: center;
                align-items: center;
                text{
                    color: #8279ea;
                    font-size: 50rpx;
                }
            }
          
            .info-nav-text {
                font-size: 30rpx;
                color: #5a5a5a;
                flex: 1;
                
            }
          
            .info-nav-icon {
                width: 30rpx;
                margin-right: 40rpx;
                font-weight: bold;
                color: #b6b6b6;
              .icon {
                
              }
            }
          }
    }

  
}

